var htmlWebpackPlugin=require('html-webpack-plugin');//引用htmlWebpackPlugin插件
var path=require("path");
module.exports={

    entry:{
        main:'./src/script/main.js',//指定打包的入口文件
        a:'./src/script/a.js',
        b:'./src/script/b.js',
        c:'./src/script/c.js'
    },
    output:{
        path:path.resolve(__dirname, './dist'),//指定打包后的文件位置
        filename:'js/[name]-[chunkhash].js',//指定打包后的文件名称
        publicPath:'http:cdn.com/'//替换绝对地址
    },
    plugins:[//初始化htmlWebpackPlugin插件
        new htmlWebpackPlugin({
            filename:'index.html',//指定打包后的文件名称
            template:'index.html',//指向根目录下的文件，生成的文件所在位置为output中path指定的位置
            // inject:'head',//指定脚本文件在页面中的位置（head或者body中）
            inject:false,
            title:'webpack is good',//这里指定了title的内容，在根目录的html文件中引入就可以了
            date:new Date(),
            minify:{
                removeComments:true,//删除注释
                collapseWhitesapce:true//删除空格
            },
            chunks:['main']
        }),
        new htmlWebpackPlugin({
            filename:'a.html',
            template:'index.html',
            inject:false,
            title:'this is a.html',
            chunks:['main','a']//指定生成后的文件引入相应的js，即entry中定义的文件
            // excludeChunks:['a','b']表示生成的文件引入的js中，排除a，b
        }),
        new htmlWebpackPlugin({
            filename:'b.html',
            template:'index.html',
            inject:false,
            title:'this is b.html',
            chunks:['main','b']//为什么这里只引入b会报错
        }),
        new htmlWebpackPlugin({
            filename:'c.html',
            template:'index.html',
            inject:false,
            title:'this is c.html',
            chunks:['main','c']//为什么这里只引入c会报错
        })
    ]
}


